$.fn.extend({
    lazyload() {

        // console.log(this.scrollload());
        // 绑定window 滚动事件
        $(window).on('scroll', ()=> {
            // 获取滚动条的高度
            let h1 = $(window).scrollTop()
            // 获取页面的高度
            let h2 = $(window).height()
            // 这是页面的总高度
            let showTotalHeight = h1 + h2
            // this指向我获取的所有的图片
            this.each((index, item) => {
                // item就是一个个图片
                let imgTop = $(item).offset().top
                // 如果图片到顶部的高度小于页面的总高度那就显示真的图片
                if (imgTop <= showTotalHeight) {
                    $(item).attr('src',$(item).attr('data'))
                }
            })
        })

    }
})